// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.beatmap-success-rate {
  height: 100%;
  padding: 0 15px;
  background-color: hsl(var(--hsl-b3));
  font-size: @font-size--normal;

  display: flex;
  flex-direction: column;

  &__chart {
    flex: none;
    height: 60px;
    margin-top: 20px;
    line-height: 0;

    @media @desktop {
      flex: 1;
      min-height: 0;
      height: auto;
    }
  }

  &__empty {
    .center-content();
    flex: 1;
    margin: 20px 0;
  }

  &__header {
    color: inherit;
    font-size: inherit;
    font-weight: normal;
    font-style: normal;
    margin: 20px 0 0;
    text-align: center;
  }

  &__percentage {
    .default-bar-transition(@property: margin-left);
    width: 0;
    display: flex;
    justify-content: center;
  }
}
